<template>
  <div>
    <el-dialog v-bind="$attrs" :before-close="beforeClose">
      <!-- <h1>{{ formData.name }}</h1> -->
      <!--  style="width: 750px; height: 400px" -->
      <el-card class="business-card">
        <iframe
          :src="
            `${domain}static/business/7/reportConfig/14/5d26b8e65e364ddca6712c931497e04f.html`
          "
          frameborder="0"
          style="width: 100%;"
        />
      </el-card>

      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="mini" @click="beforeClose">
          关闭
        </el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { domain } from '@/config/index'
export default {
  props: {
    propName: {
      type: Number,
      default: 0
    },
    formData: {
      type: Object,
      default: () => {}
    },
    beforeClose: {
      type: Function,
      default: () => {}
    }
  },
  data() {
    return {
      key: '',
      domain: domain
    }
  },
  // components: {},
  methods: {
    name() {}
  }
}
</script>

<style lang="scss" scoped>
/deep/ .business-card.el-card {
  background-color: #efefef;
  max-height: 450px;
  overflow-y: auto;
}
</style>
